<div name='T_5951' >
    <div name='T_b9bb'  className="g-user">
        <div name='T_a4f9'  className="c-layout clearfix">
            <SliderComponent name='T_414d'  data={this.props.data.slider}></SliderComponent>
            <div name='T_5e42'  className="m-content" id="m-content">
                <div name='T_9ea6'  className="order_trade">
                    <div name='T_f4d3'  className="order_trade-title">
                        <ul name='T_a980'  className="breadcrumb">
                            <li name='T_ad68' >
                                <a name='T_7bf8'  href="/order_manage_trade">我的订单&gt;</a>
                            </li>
                            <li name='T_febc' >订单详情</li>
                        </ul>
                        <h2 name='T_f723' >订单号：{this.props.data.oid}</h2>
                    </div>
                    <div name='T_63c4'  className="detail-title">
                        订单基本信息
                    </div>
                    <ul name='T_375a'  className="detail-info">
                        <li name='T_af47' >
                            <span name='T_6004' >创建时间：</span>{info.orderTime}
                        </li>
                        <li name='T_1b4c' >
                            <span name='T_2da5' >{this.state.userType == 1 ? '供应商：' : '客户：'}</span>{info.customerName}
                        </li>
                    </ul>
                    <div name='T_0a0c'  className="detail-title">
                        商品信息
                    </div>
                    <table name='T_af9d'  className="detail-table">
                        <tr name='T_a05e' >
                            <th name='T_4b86'  className="text-ellipsis">商品及编号</th>
                            <th name='T_1343' >计量单位</th>
                            <th name='T_d211' >单价</th>
                            <th name='T_fa50' >采购数量</th>
                            {info.orderStatus == 'SIGNED' ? <th name='T_6f0d' >采购金额</th> : ''}
                        </tr>
                        {list.map(function (item, index) {
                            return (
                            <tr name='T_d91e'  key={index}>
                                <td name='T_84c9'  className="text-ellipsis" title={item.goodsName + '-' + item.goodsCode}>{item.goodsName}-{item.goodsCode}</td>
                                <td name='T_ec40' >{item.goodsUnit}</td>
                                <td name='T_6f63' >{item.goodsPrice} {item.goodsCurrencyType}</td>
                                <td name='T_5c7c' >{item.countNumber}</td>
                                {info.orderStatus == 'SIGNED' ? <td name='T_4d46' >{item.amountDue}</td> : ''}
                            </tr>
                            )
                        })}
                        {
                            info.orderStatus == 'SIGNED' ?
                            <tr name='T_7cc5' >
                                <td name='T_2a73'  colSpan="8" style={{'padding':'0'}}>
                                    <p name='T_f732'  className="u-counts">
                                        <span name='T_ccce' >增值税：{info.vat ? info.vat.toFixed(2) + '(' + info.currencyCode + ')' : ''}</span>
                                        <span name='T_e0e0' >采购总金额：{info.noVat ? info.noVat.toFixed(2) + '(' + info.currencyCode + ')' : ''}</span>
                                    </p>
                                    <p name='T_406f'  className="u-counts" style={{'border-top':'1px solid #ddd'}}>
                                        <span name='T_33bb' >订单总金额：{info.amountDue ? info.amountDue.toFixed(2) + '(' + info.currencyCode + ')' : ''}</span>
                                    </p>
                                </td>
                            </tr>
                            : ''
                        }

                    </table>
                    <div name='T_1a69'  className="detail-title">客户留言</div>
                    {
                    info.customerNote ?
                    <div name='T_c793'  className="detail-note">{info.customerNote}</div>
                    :
                    ''
                    }
                    <div name='T_3f55'  className="detail-title">
                        订单状态
                    </div>
                    <div name='T_8d9e'  className="detail-progress">
                        <ul name='T_0e65' >
                            <li name='T_78f1'  className={info.orderStatusCode>= 1 ? 'active' : ''}>
                                <div name='T_3412'  className="progress-icon progress-icon-1"></div>
                                <p name='T_96d0' >草稿</p>
                            </li>
                            <li name='T_327d'  className={info.orderStatusCode>= 1 ? 'progress-dot active' : 'progress-dot'}>
                                {'\u2022\u2003\u2022\u2003\u2022\u2003\u2022'}
                            </li>
                            <li name='T_36bc'  className={info.orderStatusCode>= 2 ? 'active' : ''}>
                                <div name='T_887a'  className="progress-icon progress-icon-2"></div>
                                <p name='T_c7da' >待确认</p>
                            </li>
                            <li name='T_1309'  className={info.orderStatusCode>= 2 ? 'progress-dot active' : 'progress-dot'}>
                                {'\u2022\u2003\u2022\u2003\u2022\u2003\u2022'}
                            </li>
                            <li name='T_2fea'  className={info.orderStatusCode>= 3 ? 'active' : ''}>
                                <div name='T_4bdf'  className="progress-icon progress-icon-3"></div>
                                <p name='T_332b' >待发货</p>
                            </li>
                            <li name='T_9212'  className={info.orderStatusCode>= 3 ? 'progress-dot active' : 'progress-dot'}>
                                {'\u2022\u2003\u2022\u2003\u2022\u2003\u2022'}
                            </li>
                            <li name='T_2cd5'  className={info.orderStatusCode>= 4 ? 'active' : ''}>
                                <div name='T_543a'  className="progress-icon progress-icon-4"></div>
                                <p name='T_7df5' >待收货</p>
                            </li>
                            <li name='T_2125'  className={info.orderStatusCode>= 4 ? 'progress-dot active' : 'progress-dot'}>
                                {'\u2022\u2003\u2022\u2003\u2022\u2003\u2022'}
                            </li>
                            <li name='T_dba3'  className={info.orderStatusCode>= 5 ? 'active' : ''}>
                                <div name='T_be4f'  className="progress-icon progress-icon-5"></div>
                                <p name='T_2f1f' >已收货</p>
                            </li>
                        </ul>
                    </div>

                    <div name='T_77ff'  className="download-box">
                        {info.orderConfirmUrl ? <a name='T_61ed'  className="download" href={info.orderConfirmUrl + '?filename=' + 'orderConfirm_' + info.orderNo + '.pdf'} data-url={info.orderConfirmUrl} class="textDownload" download>订单确认单</a> : ''}
                        {info.orderDeliverUrl ? <a name='T_2221'  className="download" href={info.orderDeliverUrl + '?filename=' + 'orderDeliver_' + info.orderNo + '.pdf'} data-url={info.orderDeliverUrl} class="textDownload" download>收货确认单</a> : ''}
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
